<template>
	<!-- <HelloThreejs></HelloThreejs> -->
	<!-- <HelloPrimitives></HelloPrimitives> -->
	<HelloScene></HelloScene>
	<!-- <HelloFog></HelloFog> -->
	<!-- <HelloTexture></HelloTexture> -->
	<HelloLight></HelloLight>
</template>

<script setup>
	// import HelloThreejs from './components/hello-threejs/index.vue'
	// import HelloPrimitives from './components/hello-primitives/index.vue'
	import HelloScene from './components/hello-scene/index.vue'
	// import HelloFog from './components/hello-fog/index.vue'
	// import HelloTexture from './components/hello-texture/index.vue'
	import HelloLight from './components/hello-light/index.vue'
</script>

<style>
	* {
		margin: 0;
		padding: 0;
	}

	html,
	body {
		width: 100%;
		height: 100%;
	}

	#app {
		width: 100%;
		height: 100%;
	}
</style>
